<template>
    <div>
        <ul>
            <li>全部</li>
            <li>待消费</li>
            <li>待评价</li>
            <li>退款</li>
        </ul>
        <ol>
            <li>
                <div class="ollii">aaaa</div>
                <div class="olli">
                    <img src="https://img0.baidu.com/it/u=1352369164,2021006029&fm=253&fmt=auto&app=138&f=JPEG?w=700&h=467" alt="">
                    <div class="ollio">
                        <div>钱数</div>
                        <div>共几单</div>
                    </div>
                </div>
                <button>再来一单</button>
            </li>
        </ol>
    </div>
</template>

<script setup>
</script>

<style scoped>
div {
    width: 100%;
    height: 100%;
    background-color: aqua;
}

div ul {
    display: flex;
}

div ul li {
    margin-right: 10px;
}

div ol li .ollii {
    width: 100%;
}

div ol li button {
    margin-left: 290px;
    margin-bottom: 20px;
}

div ol li .olli {
    display: flex;
}

div ol li .olli img {
    width: 250px;
    margin-top: 20px;
    margin-left: 20px;
    /* height: 200px; */
}

div ol li .olli .ollio {
    margin-top: 10px;
}
div ol li .olli .ollio div{
    margin-left: 80px;
    width: 70px;
}
div ol li .olli .ollio :nth-child(1){
    margin-top: 80px;
    margin-bottom: 20px;
}
</style>